<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>作品页</title>
    <link rel="stylesheet" href="css/work01.css">
    <link rel="stylesheet" href="css/work05.css">
</head>

<body>
    <div class="bao">

        <div class='header'>
            <!-- 外面div -->
            <!-- 上 登陆注册 -->
            <div class="nav">
                <p><a href="">注册</a></p>
                <p><a href="">登陆</a></p>
            </div>
            <!-- 中 -->
            <div class="content">
                <div class="content_1">
                    <a href="index.html"><img src="images/logo_03.gif" alt=""></a>
                </div>
                <ul class="content_2">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="work05.html">课程</a></li>
                    <li><a href="work03.html">学员作业</a></li>
                    <li><a href="work04.html">关于我们</a></li>
                    <li><a href="">论坛</a></li>
                    <li><a href="">留言</a></li>
                </ul>
            </div>
            <!-- 下 -->
            <!-- <div class="scroll">
                <div><img src="images/heng_07.gif" alt=""></div>
                <div><img src="images/heng_10.gif" alt=""></div>
                <div><img src="images/heng_10.gif" alt=""></div>
            </div> -->
        </div>
        <!-- 关于我们 -->
        <!-- guild -->
        <div class="guild">
            <a href="work02.html"><img src="images/ui-1.gif" alt="" class="guild-img1"></a>

            <h2>师徒教育<span>专业体系</span>下的UI课程</h2>
            <p>由浅入深，从易到精，让学员真正在一个月的时间中达到2年设计师经验水平</p>

            <div class="guild-zong">

                <div class="guild1">
                    <div class='guild1-a'>
                        <img src="images/ui-2.gif" alt="">
                    </div>
                    <div class='guild1-b'>
                        <img src="images/ui-3.gif" alt="">
                    </div>
                </div>

                <div class='guild2'>
                    <div class="guild2-a">
                        <img src="images/ui-4.gif" alt="">
                        <p>学习一周</p>
                    </div>
                    <div class="guild2-b">
                        <img src="images/ui-5.gif" alt="">
                        <p>学习一个月</p>
                    </div>
                </div>
            </div>
            <div class='guild3'>
                <div class="guild3-a">
                    <div>
                        <img src="images/ui-7.gif" alt="">
                        <img src="images/ui-6.gif" alt="" style="margin-right: 15px;">
                    </div>
                    <div>
                        <p>学习两天</p>
                    </div>
                </div>
                <div class="guild3-b">
                    <div>
                        <img src="images/ui-8.gif" alt="">
                        <img src="images/ui-9.gif" alt="" style="margin-left: 15px;">
                    </div>
                    <div>
                        <p>学习三周</p>
                    </div>
                </div>
            </div>
            <div class='guild4'>
                <div style="overflow:hidden;">
                    <img src="images/ui-10.gif"" alt="">
                    <img src=" images/ui-11.gif"" alt="">
                    <img src="images/ui-12.gif"" alt="">
                    <img src=" images/ui-12.gif"" alt="">
                </div>
                <p>APP页面架构及设计</p>
            </div>
            <div class='guild5'>
                <div>
                    <img src="images/ui-13.gif" alt="">
                    <p>游戏界面设计</p>
                </div>
                <div>
                    <img src="images/ui-14.gif" alt="">
                    <p>UI kit</p>
                </div>
            </div>

        </div>
        <!-- 文字 -->
        <div class='guild6'>
            <h2 class="guild6-1">我们<span>不是</span>教软件的!</h2>
            <h2 class="guild6-2">我们教的是<span>方法和思路</span>!</h2>
            <h2 class="guild6-3">我们<span>不是</span>网络课程!</h2>
            <div class="yell">
                <p>一对一教学</p>
            </div>
            <div class="yell">
                <p>小班授课</p>
            </div>
            <div class="yell">
                <p>师资雄厚</p>
            </div>
            <div style="clear:both"></div>
            <div class="tab">
                <div class="tab-1">
                    <p><a href="">开课时间</a></p>
                </div>
                <div class="tab-2">
                    <p><a href="">费用咨询</a></p>
                </div>
            </div>
        </div>

    </div>















    <div class="footer"></div>
    </div>
</body>

</html>